import React from 'react';
import { Button, Space } from 'antd';

import './App.css';
// import Background from "./views/background/background"
import './logo.svg';

const App: React.FC = () => (
  <div className="background_img">
    <Space className="site-button-ghost-wrapper" wrap>
      <Button className=" connectionRoot" type="primary" href="/#/login" ghost>
        连接引导
      </Button>
      <div className="leftTop">
        {/* <img className='leftTop_img' src="./logo.svg" alt="#" /> */}
        <div className="leftTop_img"></div>
        <Button href="/#/login" type="link" ghost>
          飞行区
        </Button>
        |
        <Button href="/#/login" type="link" ghost>
          附近航拍点,
        </Button>
      </div>
      <div className="rightTop">
      <div className='rightTop_img'></div>
        <Button className="djiAcademy" type="link" href="/#/daxuetang" ghost>
          大疆学堂
        </Button>
      </div>
<div>
  <div className='leftBottom'>
    <div className='leftBottom_img' ></div>
  <Button href="/#/xiangce" type="text" ghost>
        相册
      </Button>
  </div>

</div>
      
    </Space>
  </div>
);

export default App;
